<!-- information 页面内容 -->
<section class="information reservation-right" ng-controller="informationCtrl">
    <div class="text-center" ng-if="!service.name" >
      <br>
      <small>预约成功后该用户信息默认注册为窗管家普通用户</small>
    </div>
    <form name="informationform" class="informationform" role="form" novalidate autocomplete="false"  ng-submit="goAppointment(informationform.$invalid, service);">
        <div class="form-group">
          <input type="text" id='de-name' class="form-control" placeholder="姓名" ng-pattern="/^[A-Za-z0-9\u4e00-\u9fa5]{2,20}$/" name="name" ng-model="service.name" autocomplete="false" required>
        </div>
        <div class="form-group error-container" ng-show="issub && (informationform.name.$error.pattern || informationform.name.$error.required)">
          请输入长度 2-20位的名字(中文，字母，数字组成)！
        </div>

        <div class="form-group">
          <input type="number" id='de-tel' class="form-control" placeholder="手机号" ng-pattern="/^1[34578]\d{9}$/" name="tel" ng-model="service.tel" autocomplete="false" required>
        </div>
        <div class="form-group error-container" ng-show="issub && (informationform.tel.$error.pattern || informationform.tel.$error.required)">
          请输入手机号
        </div>

        <div ng-if='!nowtoken'>
            <div class="form-group">
              <input type="password" id='de-password' class="form-control" placeholder="密码" ng-pattern="/^\S{2,20}$/" name="password" ng-model="service.password" required>
            </div>
            <div class="form-group error-container" ng-show="issub && (informationform.password.$error.pattern || informationform.password.$error.required)">
              请输入 2-20 位的有效密码！
            </div>
        </div>
        
        <div class="form-group cities">
            <div class="row">
                <div class='selectarea col-lg-4 col-md-4 col-sm-4 col-xs-12 col'>
                    <select ng-model='service.province' name='province' ng-options="city as city.name for city in cities" required>
                        <option value="" selected="true" disabled="true">请选择省</option>
                    </select>
                </div>
                <div class='selectarea col-lg-4 col-md-4 col-sm-4 col-xs-12 col'>
                    <select ng-model='service.city' name='city' ng-options="city as city.name for city in service.province.city" required>
                        <option value="" selected="true" disabled="true">请选择市</option>
                    </select>
                </div>
                <div class='selectarea col-lg-4 col-md-4 col-sm-4 col-xs-12 col'>
                    <select ng-model='service.area' name='area' ng-options="city for city in service.city.area" required>
                        <option value="" selected="true" disabled="true">请选择区</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="form-group error-container" ng-show="issub && (informationform.province.$error.required || informationform.city.$error.required || informationform.area.$error.required)">
            请选择省、市、区
        </div>

        <div class="form-group">
          <input type="text" id='de-street' class="form-control" placeholder="详细街道" ng-pattern="/^\S{2,200}$/" name="street" ng-model="service.street" required>
        </div>
        <div class="form-group error-container" ng-show="issub && (informationform.street.$error.pattern || informationform.street.$error.required)">
          请输入详细街道
        </div>

        <div class="row button-arrows">
            <div class="col-sm-offset-1 col-sm-4 col-xs-6">
              <button type="button" class='btn btn-block button-arrows-left' ng-click="goBackDemand();">
                <span class="icon-left-arrow"></span>
                上一步
              </button>
            </div>
            <div class="col-sm-offset-1 col-sm-4 col-xs-6">
              <button type="submit" class='btn btn-block button-arrows-right'>
                下一步
                <span class="icon-right-arrow"></span>
              </button>
            </div>
        </div>
    </form>
</section>
